<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Users - Admin Template</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/theme.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script>
            var index = document.cookie.charAt(6);
            if (/\d/.test(index)) {
                var StyleFile = "theme" + document.cookie.charAt(6) + ".css";
                document.writeln('<link rel="stylesheet" type="text/css" href="css/' + StyleFile + '">');
            }
        </script>
        <!--[if IE]>
            <link rel="stylesheet" type="text/css" href="css/ie-sucks.css" />
        <![endif]-->
    </head>
    <body>
        <div class="container">
            <div class="header">
                <h2>My Admin Template</h2>
                <div class="topmenu">
                    <ul>
                        <li>
                            <a href="index.html">Dashboard</a>
                        </li>
                        <li>
                            <a href="demo.html">Demo</a>
                        </li>
						<li>
                            <a href="blank.html">Blank</a>
                        </li>
                        <li>
                            <a href="table.html">Table</a>
                        </li>
                        <li class="current">
                            <a href="form1.html">Form1</a>
                        </li>
                        <li>
                            <a href="form2.html">Form2</a>
                        </li>
                        <li>
                            <a href="form3.html">Form3</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="top-panel">
                <div class="panel">
                    <ul>
                        <li>
                            <a href="#adduser" class="useradd">Add user</a>
                        </li>
                        <li>
                            <a href="#" class="group">User groups</a>
                        </li>
                        <li>
                            <a href="#" class="search">Find user</a>
                        </li>
                        <li>
                            <a href="#" class="online">Users online</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="wrapper">
                <div class="content">
                    <div class="box">
                        <h3>Add user</h3>
                        <form class="form rowform" action="..." method="post">
                            <fieldset>
                                <legend>PERSONAL INFORMATION</legend>
                                <label for="lastname">Last name : </label>
                                <input name="lastname" class="lastname" type="text" tabindex="1" />
                                <br/>
                                <label for="firstname">First name : </label>
                                <input name="firstname" class="firstname" type="text" tabindex="2" />
                                <br/>
                                <label for="email">Email : </label>
                                <input name="email" class="email" type="text" tabindex="2" />
                                <br/>
                                <p>
                                    Send auto generated password <input name="generatepass" class="yes" type="checkbox" value="yes" tabindex="35" />
                                </p>
                                <label for="pass">Password : </label>
                                <input name="pass" class="pass" type="password" tabindex="2" />
                                <br/>
                                <label for="pass-2">Password : </label>
                                <input name="pass-2" id="pass-2" type="password" tabindex="2" />
                                <br/>
                            </fieldset>
                            <fieldset>
                                <legend>Address</legend>
                                <label for="street">Street address : </label>
                                <input name="street" class="street" type="text" tabindex="1" />
                                <br/>
                                <label for="city">City : </label>
                                <input name="city" class="city" type="text" tabindex="2" />
                                <br/>
                                <label for="country">Country : </label>
                                <input name="country" class="country" type="text" tabindex="1" />
                                <br/>
                                <label for="state">State/Province : </label>
                                <input name="state" class="state" type="text" tabindex="2" />
                                <br/>
                                <label for="zip">Zip/Postal Code : </label>
                                <input name="zip" class="zip" type="text" tabindex="2" />
                                <br/>
                                <label for="tel">Telephone : </label>
                                <input name="tel" class="tel" type="text" tabindex="2" />
                            </fieldset>
                            <fieldset>
                                <legend>OPTIONS</legend>
                                <label for="choice">Group : </label>
                                <select name="choice">
                                    <option selected="selected" label="none" value="none">General</option>
                                    <optgroup label="Group 1">
                                        <option label="cg1a" value="val_1a">Selection group 1a</option>
                                        <option label="cg1b" value="val_1b">Selection group 1b</option>
                                        <option label="cg1c" value="val_1c">Selection group 1c</option>
                                    </optgroup>
                                    <optgroup label="Group 2">
                                        <option label="cg2a" value="val_2a">Selection group 2a</option>
                                        <option label="cg2b" value="val_2a">Selection group 2b</option>
                                    </optgroup>
                                    <optgroup label="Group 3">
                                        <option label="cg3a" value="val_3a">Selection group 3a</option>
                                        <option label="cg3a" value="val_3a">Selection group 3b</option>
                                    </optgroup>
                                </select>
                            </fieldset>
                            <div align="center">
                                <input class="button1" type="submit" value="Send" /><input class="button2" type="reset" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="footer">
                <div class="credits">
                    Template was modified by <a href="http://http://code.google.com/p/admin-templates/">Mr.Xu</a>
                </div>
                <div class="styleswitcher">
                    <ul>
                        <li>
                            <a href="javascript: document.cookie='theme='; window.location.reload();" title="Default" class="defswitch">d</a>
                        </li>
                        <li>
                            <a href="javascript: document.cookie='theme=1'; window.location.reload();" title="Blue" class="blueswitch">b</a>
                        </li>
                        <li>
                            <a href="javascript: document.cookie='theme=2'; window.location.reload();" title="Green" class="greenswitch">g</a>
                        </li>
                        <li>
                            <a href="javascript: document.cookie='theme=3'; window.location.reload();" title="Brown" class="brownswitch">b</a>
                        </li>
                        <li>
                            <a href="javascript: document.cookie='theme=4'; window.location.reload();" title="Mix" class="mixswitch">m</a>
                        </li>
                    </ul>
                </div>
                <br/>
            </div>
        </div>
    </body>
</html>
